<template>
    <div id="modifyPassword">
        <Title :title="title" class="title"/>
        <el-row>
            <UpdatePwd/>
        </el-row>
        <el-row>
            <PhoneRestPwd/>
        </el-row>
        <el-row>
            <EmailRestPwd/>
        </el-row>
    </div>
</template>

<script>

    import Title from "@/components/title/Title";
    import UpdatePwd from "./updatePwd/UpdatePwd";
    import PhoneRestPwd from "./phoneRestPwd/PhoneRestPwd";
    import EmailRestPwd from "./emailRestPwd/EmailRestPwd";
    import {Row} from "element-ui"

    export default {
        name: "ModifyPassWord",
        data(){
            return{
                title:'修改密码',
            }
        },
        components:{
            Title,
            UpdatePwd,
            PhoneRestPwd,
            EmailRestPwd,
            "el-row":Row
        }
    }
</script>

<style scoped>

    .title{
        margin-bottom: 2%;
    }

    .modelfy_row{
        width: 280px;
        margin: 1% 0% 1% 6%;
    }

</style>
